<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="jquery/jquery1.9/jquery-1.9.0.js"></script>
    <script>
        // $()是jQuery的核心函数，包含多种用法：
        // 用法1：$(回调函数)，等价于$(document).ready()，简写形式
        $(function(){
            console.log(111);
        });

        // 用法2：$(选择器,[查找范围])，根据选择器在指定范围中查找元素
        $(function(){
            // var p=$("p");//如果省略查找范围，默认是在整个document中进行查找
            var p=$("p",".mydiv");//在class为mydiv中去查找p标签
            console.log(p);
        });

        // 用法3：$(DOM对象)，将DOM对象转换为jQuery对象
        $(function(){
            var mydiv=document.querySelector(".mydiv");
            var mydivJq=$(mydiv);//将DOM对象转换为jQuery对象
            console.log(mydivJq);
        });

        // 用法4：$(HTML标签字符串)，根据提供的HTML标签字符串，创建一个由jQuery对象包装的DOM元素
        $(function(){
            var div=$("<div>我是div</div>");
        });
        // 用法5：$()，创建一个空的jQuery对象
        console.log($().length);//0
        

    </script>
</head>
<body>
    <div class="mydiv" >
        <p>p01</p>
        <p>p02</p>
        <p>p03</p>
        <p>p11</p>
    </div>
    <p>p04</p>
    <p>p05</p>
</body>
</html>